@import url("rem.less");
.main{
    .pt(40);
    .m_form {
        .mf_opts {
            .padding(40,
            45,
            40,
            45);
            background: #fff;
            border-bottom: 1px solid #999;
            span {
                display: inline-block;
                width: 20%;
                text-align: left;
                .font-dpr(12px);
                color: #292929;
            }
            input {
                .h(70);
                border: none;
                outline: none;
                width: 80%;
            }
            input::placeholder {
                .font-dpr(12px);
                color: #999;
            }
        }
        .sel{
            .dis;justify-content: space-between;
            p{width:70%;text-align:left;}i{width: 10%;text-align: right;.font-dpr(20px);color: #999;}
        }
    }
    .mf_submit{
        position:fixed;
        bottom: 0;left: 0;
        width: 100%;
        button {
            width: 100%;
            .lh(105);
            .font-dpr(13px);
            color: #fff;
            background: #D70057;
            border: none;
            outline: none;
            border-radius: 10px;
        }
    }
}
.mask{
    position:fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height:100%;
    background: rgba(0,0,0,0.7);
    z-index:98;
    display: none;
    touch-action: none;
    .mask-nav{
        background: #fff;
        width: 100%;height: 50%;overflow: auto;
        position: absolute;
        bottom: 0;
        left: 0;
        display: none;
        .mask-title{
            .dis;position: fixed;
            top: 50%;left: 0;width: 100%;
            background: #383838;text-align: center;.h(80);
            .mask-left,.mask-right{
                flex: 1;
                color: #4895ed;
                .font-dpr(10px);
                img{width:50%;}
            }
            .mask-center{
                color: #fff;
                flex: 8;
                .font-dpr(12px);
            }
        }
        .select{
            .mt(80);
            .opts{
                text-align: center;.h(92);.lh(92);
                .font-dpr(10px);color: #999;
            }
            .sel-active{
                border: 1px solid #D70057;
                box-sizing: border-box;
                color: #D70057;
                transition: all .5s ease;
            }
        }
    }
}